<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/reg.css">
    <script src="../js/jquery-1.12.3.js"></script>
    <script src="../js/reg.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="top_wrap">
            <div class="top_left">
                <a href="#">
                    <img src="../images/reg/shop.png" height="60" width="182"/>
                    <p>中关村在线旗下网上商城</p>
                </a>
            </div>
                 <div class="top_right">
                     <span>已经有ZOL账号？</span>
                     <a href="#">立即登录</a>
                 </div>
        </div>

        <!--<第二部分>-->

        <div class="regNews_wrap">

            <div class="regNews_top">
                <p>30秒快速注册，加入ZOL商城</p>
            </div>
            <div class="regNews">
                <div class="regNews_left">
                    <ul>
                        <li>用手机注册</li>
                        <li></li>
                    </ul>
                    <form id="myform" class="myform">
                        <div style="margin-top:20px;">
                            <span><b>*</b>用户名：</span><input type="text" id="username" name="username"/>
                            <span><i></i></span>
                        </div>

                        <p>请输入用户名</p>
                        <div>
                            <span><b>*</b>密码：</span><input type="text" id="upwd" name="upwd"/>
                            <span><i></i></span>
                        </div>

                        <p>请输入密码</p>
                        <div>
                            <span><b>*</b>确认密码：</span><input type="text" id="spwd"/>
                            <span><i></i></span>
                        </div>

                        <p>请输入确认密码</p>
                        <div>
                            <span><b>*</b>手机号:</span><input type="text" id="uiphone"/>
                            <span><i></i></span>
                        </div>

                        <p>请输入手机号</p>
                        <div>
                            <span ><b>*</b>验证码:</span><input type="text" id="ucode" style="width:200px"/>
                            <span style="border:1px solid #ededed" id="verity">4551A</span>
                            <a href="" style="font-size:12px;" id="range">换一张</a>
                        </div>

                        <p>请输入验证码</p>
                        <div class="regNews_sel">
                            <input type="checkbox" name="" id="selected">
                            <span>同意 <a href="#">《商城用户协议》</a><a href="#">《隐私权说明》</a> </span>
                        </div>
                        <button id="btn1" type="button">注册</button>
                    </form>
                </div>
                <div class="regNews_right">
                    <p>
                        如果您已经注册，请
                        <a href="#">直接登录</a>
                        或者用以下方式登录:
                    </p>
                    <div class="loginType">
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                    </div>
                </div>
            </div>

        </div>

        <!--<第三部分>-->
        <div class="footer_wrap">
            <div class="footer">
                <ul>
                    <li>
                        <a href="#">关于ZOL商城</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                    <li>
                        <a href="#">帮助中心</a>
                    </li>
                </ul>
                <p>2017. 中关村在线 版权所有</p>
            </div>
        </div>
    </div>
</body>
</html>